/* CSS3 初始化样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* 清除浮动 */
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
/* 超链接样式 */
a {
  color: #333;
  text-decoration: none;
}
/* 取消列表默认样式 */
ul,
ol {
  list-style: none;
}
/* 图片不超出边框 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* PC端样式 */

/* 这些样式将应用于屏幕宽度大于等于1024px的设备 */
@media screen and (min-width: 1024px) {
  /* PC端的样式 */
}

/* 平板端样式 */

/* 这些样式将应用于屏幕宽度小于1024px、大于等于768px的设备 */
@media screen and (max-width: 1023px) {
  /* 平板端的样式 */
}

/* 手机端样式 */

/* 这些样式将应用于屏幕宽度小于768px的设备 */
@media screen and (max-width: 767px) {
  /* 手机端的样式 */
}
